<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>

    <style media="screen">
      .haolou-wrap {
        width: 654px;
        margin: auto;
      }
      .haolou-wrap>div {
        padding-top: 60px;
      }
      .haolou-wrap>div>div.haolou-title {
        font-size:28px;
        margin-bottom: 20px;
        line-height: 30px;
        color: #c80000;
        font-weight: bold;
      }
      .haolou-wrap>div>div.haolou-desc-item {
        width: 215px;
        float: left;
        line-height: 25px;
        margin-bottom: 10px;
        line-height: 25px;
        font-size: 14px;
      }
      .haolou-wrap>div>div.haolou-desc-item>span.red {
        color: #c80000;
      }
      .haolou-wrap>div>div.haolou-desc-item>span.bold {
        font-weight: bold;

      }
      .haolou-list {
        border-bottom: 2px dashed  #ccc;
        line-height: 80px;
        overflow: hidden;
      }
      .haolou-list>img {
        width: 110px;
        margin-right: 56px;
        display: block;
        float: left;
      }
      .haolou-list>.first {
        float: left;
        width: 210px;

      }
      .haolou-list>.second {
        float: left;
        width: 140px;
        font-weight: bold;
      }
      .haolou-list>.third {
        color: #c80000;
        width: 130px;
        float: left;
        text-align: right;
      }
      div.haolou-recommd-list {
        border-bottom: 2px dashed  #ccc;
        padding: 10px 0px;
        line-height: 60px;
          box-sizing: border-box;
          height: 80px;
      }
        div.haolou-recommd-list > img {
          height: 60px;
          width: 80px;
          margin-right: 20px;
          float: left;


        }
        div.haolou-recommd-list >div.haolou-recommd-name {
          width: 160px;
          float: left;
          line-height: 30px;

        }
        div.haolou-recommd-list >div.haolou-recommd-area {
          width: 90px;
          float: left;
          color: #c80000;
          margin-right: 20px;
        }
        div.haolou-recommd-list >div.haolou-recommd-price {
          width: 130px;
          float: left;
          color: #c80000;
          text-align: right;
          margin-right: 20px;
        }
        div.haolou-recommd-list >div.haolou-recommd-position {
          width: 130px;
          float: left;
          text-align: right;

        }
    </style>

    <input type="hidden" class="haolou-input-x" name="x" value="116.404">
    <input type="hidden" class="haolou-input-y" name="y" value="39.915">


    </div>
    <div class="haolou-wrap">
        <div>
          <div class="haolou-title">房源描述</div>
          <div class="haolou-desc-item">
            <span class="bold">面积：</span><span class="red">1212m<sup>2</sup></span>
          </div>
          <div class="haolou-desc-item">
            <span class="bold">日租：</span><span class="red">1212元/m<sup>2</sup>.天</span>
          </div>
          <div class="haolou-desc-item">
            <span class="bold">月租：</span><span class="red">1212元/m<sup>2</sup>.天</span>
          </div>
          <div class="haolou-desc-item">
            <span class="bold">总价：</span><span class="red">1212元/月</span>
          </div>
          <div class="haolou-desc-item">
            <span class="bold">物业费：</span><span class="red">1212元/m<sup>2</sup>.天</span>
          </div>
          <div style="clear:both"></div>
          <div style="float:left;text-align: center;font-size:14px;margin:10px 26px 10px 0px;width:86px; line-height:24px;border:2px solid #fe7004;">
            随时入住
          </div>
          <div style="float:left;text-align: center;font-size:14px;margin:10px 26px 10px 0px;width:86px; line-height:24px;border:2px solid #30b9d9;">
            紧邻地铁
          </div>
          <div style="float:left;text-align: center;font-size:14px;margin:10px 26px 10px 0px;width:86px; line-height:24px;border:2px solid #9a910e;">
            精装电梯房
          </div>
            <div style="clear:both"></div>
          <div style="line-height:22px;color:#333;font-size:14px;">
            <span>房源基本信息介绍:</span>此房老牛逼啦<br/>
            <span>卖点：</span>就是老牛逼拉
          </div>
        </div>
        <div>
          <div class="haolou-title">项目描述</div>
          <div style="line-height:22px;color:#333;font-size:14px;">
            <span>就是老牛逼拉就是老牛逼拉就是老牛逼拉就是老牛逼拉就是老\
              牛逼拉就是老牛逼拉就是老牛逼拉就是老牛逼拉就是老牛逼拉就是老牛逼拉</span>
              <div style="margin-top:10px;">
                <span id="haolou-jiao" style="font-weight:bold;">交通:</span><span id="haolou-content-jiao"></span>  <span id="jiao-num" style="color:red"></span><br/>
                <span id="haolou-food" style="font-weight:bold;">美食:</span><span id="haolou-content-food"></span>   <span id="food-num" style="color:red"></span><br/>
                <span id="haolou-hotel" style="font-weight:bold;">酒店:</span><span id="haolou-content-hotel"></span>   <span id="hotel-num" style="color:red"></span><br/>
                <span id="haolou-bank" style="font-weight:bold;">银行:</span><span id="haolou-content-bank"></span>   <span id="bank-num"  style="color:red"></span><br/>
              </div>
          </div>
        </div>
        <div>
          <div class="haolou-title">公司介绍</div>
          <div style="line-height:22px;color:#333;font-size:14px;">
            <span>“楼天下”隶属于上海好楼网络科技有限公司，是专为写字楼业主与企业租户之间提供专业写字楼信息和服务的O2O平台， 核心成员拥有十数年的房地产经验和互联网经验。
“楼天下”以提升客户选址效率和体验为准则，通过“客户线上选楼-预约看楼-智能分配专属服务-实地看楼-洽谈交易-持续服务” 来为物业主和企业之间搭建专业服务通道。并在企业用户的财务、法务、通讯网络、装饰设计等方面按需提供更多延续性服务。</span>
              <div style="margin:10px 0px">
                "楼天下"：一个属于写字楼的天下！
              </div>
              <div style="margin-bottom:10px;font-weight:bold;">
                服务外包
              </div>
              <div class="haolou-list">
                <img src="http://www.loutianxia.cn/img/huiyubiaoju.png" alt="" />
                <div class="first">
                  徽誉镖局
                </div>
                <div class="second">
                  搬迁安置
                </div>
                <div class="third">
                  8折
                </div>
              </div>
              <div class="haolou-list">
                <img src="http://www.loutianxia.cn/img/lvshijia.png" alt="" />
                <div class="first">
                  上海华友园艺
                </div>
                <div class="second">
                  绿植服务
                </div>
                <div class="third">
                  12+1月
                </div>
              </div>
              <div class="haolou-list">
                <img src="http://www.loutianxia.cn/img/yidianzu.png" alt="" />
                <div class="first">
                  易点租
                </div>
                <div class="second">
                  办公设备
                </div>
                <div class="third">
                  1+6+1月
                </div>
              </div>
              <div class="haolou-list">
                <img src="http://www.loutianxia.cn/img/oulin.png" alt="" />
                <div class="first">
                  欧林
                </div>
                <div class="second">
                  办公家具
                </div>
                <div class="third">
                  9.5折
                </div>
              </div>
              <div class="haolou-list">
                <img src="http://www.loutianxia.cn/img/ruici.png" alt="" />
                <div class="first">
                  瑞慈医疗
                </div>
                <div class="second">
                  员工体检
                </div>
                <div class="third">
                  6折
                </div>
              </div>

          </div>

        </div>
        <div>
          <div class="haolou-title">推荐房源</div>
          <div class="haolou-recommd-list">
            <img src="" alt="" />
            <div class="haolou-recommd-name">
              <span style="font-weight:bold">金茂大厦</span><br/>
               <span >浦东陆家嘴</span>
            </div>
            <div class="haolou-recommd-area">
              3000m<sup>2</sup>
            </div>
            <div class="haolou-recommd-price">
              3000元/m<sup>2</sup>.天
            </div>
            <div class="haolou-recommd-position">
              7地铁
            </div>
          </div>
        </div>
    </div>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=37fQZDRYjBGdpbM3zXe1YNEK"></script>
    <script type="text/javascript">
    'use strict'
  



    </script>

  </body>
</html>
